<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>kol资源管理系统</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style type="text/css">
			html,body{
				width:100%;
				height:100%;
			}
    		.logo{
    			margin:34px auto 60px;
    			display: block;
    		}
    		.login_big_div{
				height:100%;
    			/* background: url(images/bg.jpg) center 181px no-repeat; */
				background: url(images/bg2.jpg);
    			background-size:cover
    		}
			.login_div{ 
				width: 374px;
				margin: 0 auto;
				margin-top:150px;
				/* height: 410px; */
			}
    		.login_div > img{
    			margin-top: 18px;
    			margin-bottom: 34px;
    		}
    		.login_div .user_input{
    			background: url(images/user_icon.png)  no-repeat 8px 5px #FFFFFF;
    			margin-bottom: 20px;
    			padding-left: 37px;
    		}
    		.login_div .password_input{
    			background: url(images/lock_icon.png) no-repeat 8px 5px #FFFFFF;
    			margin-bottom: 20px;
    			padding-left: 37px;
    		}
    		.contact_us{
    			margin-top: 44px;
    			font-size: 15px;
    			font-weight: bold;
    			color:#018f96;
    		}
    		.contact_us >div{
    			margin-right: 63px;;
    		}
    </style>
  </head> 
  <body>
  	<div class="container-fluid login_big_div"> 
  		<!-- <img src="images/login_logo.png" class="logo"/> -->
  			<div class="login_div">
	  			<!-- <img src="images/text.png" /> -->
	  			<form action="./index.php?c=login&m=checkLogin" method="post">
	  				<input type="text" class="form-control user_input"  placeholder="账号" name="userName" id="userName" />
	  				<input type="password" class="form-control password_input" placeholder="密码" name="passWord" id="passWord"  />
	  				<div class="checkbox">
					   <label style="color:white">
					     <input type="checkbox" id="rember_username"> 记住用户名
					   </label>
					</div>
	  				<input type="submit" value="登&nbsp;&nbsp;录" class="form-control btn btn-warning" />
	  			</form>
	  			<!-- <div class="contact_us">
	  				<div class="pull-left">
	  					联系火车<br/>
	  					Tel:18520045436<br />
	  					QQ:411258167
	  				</div>
	  				<div class="pull-left">
	  					联系小马哥<br/>
	  					Tel:18638172912<br />
	  					QQ:2389896649
	  				</div>
	  				<div class="clearfix">
	  					
	  				</div>
	  			</div> -->
	  		</div>
  		
  	</div>  
   <!-- / footer -->
  <script src="js/jquery.min.js"></script>
  <!-- Bootstrap -->
  <script src="js/bootstrap.js"></script>
  <!-- App -->
  <script src="js/app.js"></script>
  <script src="js/slimscroll/jquery.slimscroll.min.js"></script>
    <script src="js/app.plugin.js"></script>
   <script type="text/javascript">
  	$(function(){
  		var rember_username = localStorage.getItem("rember_username");
  		console.log(rember_username);
  		if(rember_username!==null){
  			$("#rember_username").attr("checked",true);
  			$("#userName").val(rember_username);
  		}
  	})
  	
  	$("#rember_username").on("click",function(){
  		if($('#rember_username').is(':checked')) {
  			localStorage.setItem("rember_username",$("#userName").val());
  		}else{
  			localStorage.removeItem("rember_username");
  		}
  	})
  </script>
  </body>
</html>